﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="VisitPhotoInfo.aspx.cs" Inherits="VisitBasicInfo" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>照片列表</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
     <style>
        img
        {
            max-width: 300px;
            max-height: 300px;
            height: auto;
            zoom: expression( function(e) {
            if(e.width>e.height) {if (e.width>300) { e.height = e.height*(300 /e.width); e.width=300; }}
            else {if (e.height>300) { e.width = e.width*(300 /e.height); e.height=300; }}
            e.style.zoom = '1';     }(this));
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div data-role="page">
        <!--header-->
        <div data-role="header" data-theme="b">
            <h1>
                照片列表</h1>
        </div>
        <!--content-->
        <div data-role="content" data-theme="e">
             
                <%=photoInfo%>
             
        </div>
        <!-- /grid-a -->
</body>
</html>
